/* 
* @Author: Administrator
* @Date:   2014-07-03 15:28:04
* @Last Modified by:   Administrator
* @Last Modified time: 2014-07-04 13:46:35
*/
$(function(){

	//图片切换效果
	$('.img-list-left div').click(function(){
		index=$(this).index();
		$('.img-list-left div').find('img').removeClass('small_huan');
		$(this).find('img').addClass('small_huan');
		$('.shop-bigimg').eq(index).show().siblings('.shop-bigimg').hide();
		// $('#rig_img img').eq(index).show().siblings('img').hide();
		$('#rig_img img').attr('src',moban+"/img/xie-datu"+index+'.jpg');
	})

	//选择商品颜色时的图片切换效果
	$('.color-choose img').click(function(){
		var xu=$(this).index()+6;
		$(this).parents('.color-counts').find('.color').html($(this).attr('title'));
		$('.color-choose img').removeClass('img_huan');
		$(this).addClass('img_huan');
		$('.shop-bigimg').eq(xu).show().siblings('.shop-bigimg').hide();

	})

	//选择规格时的切换以及选中的规格显示效果
	$('ul.color-choose li').click(function(){
		var cur=$(this).index();
		var size=$(this).find('a').html();
		$(this).addClass('li-color').siblings('li').removeClass('li-color');
		$(this).parents('.color-counts').find('font').html(size);
	})
	

	//放大镜
	var bigimg=document.getElementById('bigimg');
	var bg_bigimg=document.getElementById('bg_bigimg');
	var sonimg=bigimg.getElementsByClassName('shop-bigimg');
	var rig_img=document.getElementById('rig_img');
	var rig_image=document.getElementById('rig_image');
	var sekuai = document.getElementById('sekuai');

	bg_bigimg.onmousemove=function(e){
		//鼠标移入显示小色块和右边的大图
		rig_img.style.display='block';
		sekuai.style.display='block';

		//获得事件源对象
		var ev=window.event||e;

		//获得鼠标相对于事件源对象的left和top值
		var m_left=ev.offsetX||ev.layerX;
		var m_top=ev.offsetY||ev.layerY;
		document.title=m_left+'|'+m_top;

		//获得色块的实际宽度和高度
		//确定色块相对于事件源的位置
		var s_left=m_left-100;
		var s_top=m_top-100;

		//防止溢出
		if(s_left>300){
			s_left=300;
		}
		if(s_left<0){
			s_left=0;
		}
		if(s_top>300){
			s_top=300;
		}
		if(s_top<0){
			s_top=0;
		}
		sekuai.style.left=s_left+'px';
		sekuai.style.top=s_top+'px';

		//确定比例(3.65)
		//确定右边大图的left和top
		rig_image.style.left=(s_left*-0.9)+'px';
		rig_image.style.top=(s_top*-0.6)+'px';
	}

	bg_bigimg.onmouseout=function(){
		rig_img.style.display='none';
		sekuai.style.display='none';
	}


	//购买数量加或减效果
	$('.add').click(function(){
		var count=$('.pur_count').val();
		count=parseInt(count)+1;
		$('.pur_count').val(count);
	})
	$('.del').click(function(){
		var count=$('.pur_count').val();
		count=parseInt(count)-1;
		if(parseInt(count)==0){
			alert('购买数量不可为0');
			return false;
		}
		$('.pur_count').val(count);
	})

	//喜欢或不喜欢的效果
	$('.love').click(function(){
		var data=parseInt($(this).find('font').html());
		data=data+1;
		$(this).find('font').html(data);
	})

	$('.not-love').click(function(){
		if(parseInt($('.love').find('font').html())!=0){
			alert('您已经喜欢过了!');
			return false;
		}
		var data=parseInt($(this).find('font').html());
		data=data+1;
		$(this).find('font').html(data);
	})

	//购物车js
	$('#cart').click(function(){
		
	})
})